<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>华猫商城</title>
		<style></style>
		<link rel="stylesheet" type="text/css" href="../second/second.css" />
		<link rel="stylesheet" type="text/css" href="../plugin/layer/skin/laypage.css" />
		<link rel="stylesheet" type="text/css" href="../css/layer.css" />
		<link href="../css/goods.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../css/shop_list.css" />
		<style>
			.areabox{
				overflow: hidden;
			    white-space: nowrap;
			    text-overflow: ellipsis;
			}
			.newHeadNav li:nth-child(4) a{
	    		color:#EA5404;
	    	}
		</style>
	</head>

	<body>
		<!--商城头部-->
		<div id="header"></div>
		<div id="headerBox"></div>
		<!--商城头部结束-->

		<!--商城导航-->
		<div id="hmNav"></div>
		<!--商城导航结束-->
		<div class="clear"></div>

		<div class="second-center" id="app">
			<div class="second-center-top">
				<div class="second-sxa" style="width: 100%;">
					<div class="zh" data-type="">
						综合
					</div>
					<div class="xl" data-type="onlineTurnover">
						<span>销量</span>
						<img src="../images/second/allSecond_downNo.png" />
					</div>
					<div class="pls" data-type="totalScore">
						<span>评论数</span>
						<img src="../images/second/allSecond_downNo.png" />
					</div>

					<div class="shop_right">
						<ul>
							<li class="j-dorpdown">
								<div class="drop-down">
									<span class="newType">店铺行业</span>
									<img src="../images/index/huamao_05.png" alt="" class="dp_right" />
								</div>
								<div class='j-dorpdown-layer hide'>
									<div @click="changeType('','全部行业')">全部行业</div>
									<div @click="changeType(1,'生活服务')">生活服务</div>
									<div @click="changeType(3,'餐饮服务')">餐饮服务</div>
									<div @click="changeType(4,'酒店住宿')">酒店住宿</div>
									<div @click="changeType(5,'丽人')">丽人</div>
									<div @click="changeType(6,'旅游出行')">旅游出行</div>
									<div @click="changeType(7,'房产')">房产</div>
									<div @click="changeType(8,'汽车销售')">汽车销售</div>
									<div @click="changeType(9,'数码电子')">数码电子</div>
									<div @click="changeType(10,'服装配饰')">服装配饰</div>
									<div @click="changeType(11,'文化教育')">文化教育</div>
									<div @click="changeType(12,'家居家装')">家居家装</div>
									<div @click="changeType(13,'养生保健')">养生保健</div>
									<div @click="changeType(14,'保险')">保险</div>
									<div @click="changeType(15,'婚庆周边')">婚庆周边</div>
									<div @click="changeType(16,'火车票/机票')">火车票/机票</div>
									<div @click="changeType(17,'学习培训')">学习培训</div>
									<div @click="changeType(18,'其他行业')">其他行业</div>
								</div>
							</li>
							<li class="j-dorpdown">
								<div class="drop-down areabox">
									<span class="newArea">所在地</span>
									<img src="../images/index/huamao_05.png" alt="" class="dp_right" />
								</div>
								<div class='j-dorpdown-layer hide'>
									<div @click="changeArea('','全部')">全部</div>
									<div @click="changeArea(110000,'北京市')">北京市</div>
									<div @click="changeArea(440000,'广东省')">广东省</div>
									<div @click="changeArea(450000,'广西壮族自治区')">广西壮族自治区</div>
									<div @click="changeArea(460000,'海南省')">海南省</div>
									<div @click="changeArea(500000,'重庆市')">重庆市</div>
									<div @click="changeArea(510000,'四川省')">四川省</div>
									<div @click="changeArea(520000,'贵州省')">贵州省</div>
									<div @click="changeArea(530000,'云南省')">云南省</div>
									<div @click="changeArea(540000,'西藏自治区')">西藏自治区</div>
									<div @click="changeArea(610000,'陕西省')">陕西省</div>
									<div @click="changeArea(620000,'甘肃省')">甘肃省</div>
									<div @click="changeArea(630000,'青海省')">青海省</div>
									<div @click="changeArea(640000,'宁夏回族自治区')">宁夏回族自治区</div>
									<div @click="changeArea(650000,'新疆维吾尔自治区')">新疆维吾尔自治区</div>
									<div @click="changeArea(710000,'台湾')">台湾</div>
									<div @click="changeArea(810000,'香港特别行政区')">香港特别行政区</div>
									<div @click="changeArea(430000,'湖南省')">湖南省</div>
									<div @click="changeArea(420000,'湖北省')">湖北省</div>
									<div @click="changeArea(120000,'天津市')">天津市</div>
									<div @click="changeArea(130000,'河北省')">河北省</div>
									<div @click="changeArea(140000,'山西省')">山西省</div>
									<div @click="changeArea(150000,'内蒙古自治区')">内蒙古自治区</div>
									<div @click="changeArea(210000,'辽宁省')">辽宁省</div>
									<div @click="changeArea(220000,'吉林省')">吉林省</div>
									<div @click="changeArea(230000,'黑龙江省')">黑龙江省</div>
									<div @click="changeArea(310000,'上海市')">上海市</div>
									<div @click="changeArea(320000,'江苏省')">江苏省</div>
									<div @click="changeArea(330000,'浙江省')">浙江省</div>
									<div @click="changeArea(340000,'安徽省')">安徽省</div>
									<div @click="changeArea(350000,'福建省')">福建省</div>
									<div @click="changeArea(360000,'江西省')">江西省</div>
									<div @click="changeArea(370000,'山东省')">山东省</div>
									<div @click="changeArea(410000,'河南省')">河南省</div>
									<div @click="changeArea(820000,'澳门特别行政区')">澳门特别行政区</div>
								</div>
							</li>
						</ul>
						<div class="sx">
							<label>
								<!--<input type="checkbox" class="goods_stock" onclick="changeStock()"/>-->
								<a href="../Usercenter/75.html">我的收藏</a>
							</label>
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>

			<!--图-->
			<div class="second-center-cen">

				<div id="content" v-cloak>
					<img v-if="main.length==0" src="../img/pic_zanwu.jpg" style="margin:20px auto;">
					<div class="shop_item" v-for="v in main">
						<div class="item_left fl">
							<template v-if="v.logo">
								<a href="#none" @click="go_shopHome(v.shopId)">
									<img v-if="v.logo.substr(0,4)=='http'" :src="v.logo" class="shop_logo fl" width='150' height='150' />
									<img v-else :src="imgUrlS+v.logo" alt="" class="shop_logo fl" width='150' height='150' />
								</a>
							</template>
							<div class="shop_info">
								<div class="shop_name">{{v.shopName}}</div>
								<div><img src="../img/wx.png" width='10' height="10" alt="" />姓名：{{v.loginName}}</div>
								<div><img src="../img/wx.png" width='10' height="10" alt="" />电话：{{v.telephone}}</div>
								<div><img src="../img/wx.png" width='10' height="10" alt="" />店铺名称：{{v.hyName}}</div>
								<div><img src="../img/wx.png" width='10' height="10" alt="" />经营地址：{{v.areas}}</div>
							</div>
						</div>
						<div class="item_right fr" v-if="v.isRecom.length>0">
							<div class="shop_goods fr" v-for="(item,index) in v.isRecom" v-if="index<3">
								<template v-if="item.goodsImg">
									<a :href='"detail.html?goodsId="+item.goodsId'>
										<img v-if="item.goodsImg.substr(0,4)=='http'" :src="item.goodsImg" width="140" height="120" alt="" />
										<img v-else :src="imgUrlS+item.goodsImg" width="140" height="120" alt="" />
									</a>
								</template>
								<template v-else>
									<img v-else src="../img/pic_zanwu.jpg" width="140" height="120" alt="" />
								</template>
								<div class="money">&yen;{{item.shopPrice}}</div>
							</div>
						</div>
						<div class="item_right fr" v-else>
							<div class="shop_goods fr">
								<img src="../img/pic_zanwu.jpg" width="140" height="120" alt="" />
								<div class="money"></div>
							</div>
						</div>
						<div class="ZZHT-clear"></div>
						<div class="item_bottom">
							<div class="footer" style="float: right;">
								<div class="fav_box">
									<a class="home fl" href="javascript:void(0);" @click="go_shopHome(v.shopId)">进入店铺</a>
								</div>
								<div class="fav_box">
									<a v-if="parseInt(v.isFavorite)===0" class="j-fav2 fl" href="javascript:void(0);" :id='"addFavorite_"+v.shopId' @click="addFavorite(1,v.shopId)">收藏店铺</a>
									<a v-else class="j-fav fl" href="javascript:void(0);" :id='"addFavorite_"+v.shopId' @click="addFavorite(1,v.shopId)">已收藏</a>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div id="showAd" class="spjx">
				<div class="spjx_title">
					<p class="p4">商品精选</p>
					<p class="p5">广告</p>
				</div>

				<!--<div class="spjx_div" v-for="ads in ADS">
							<img v-if="ads.adFile.substr(0,4)=='http'" :src="ads.adFile" />
							<img v-else :src="imgUrlS+ads.adFile" />
							<p class="p6">烟台大鸭梨压力压力压力发到事发地时的阿达是发范德萨</p>
							<p class="p7"><span>￥</span>29.9</p>
						</div>-->
				<div class="spjx_div">
					<img src="../img/2f7a1ee4ddda87864e4a8210ee10eeac.jpg" />
				</div>
			</div>
			
			<div id="pager" style="text-align: center;"></div>
		</div>
		<div id="ck1"></div>
		<div id="ck3"></div>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/vue.min.js"></script>
		<script type="text/javascript" src="../plugin/layer/layer.js"></script>
		<script type="text/javascript" src="../js/carousel.js"></script>
		<script type="text/javascript" src="../js/ljf_base.js"></script>
		<script src="../js/lxs_jk.js" type="text/javascript" charset="utf-8"></script>
		<script src="../view/js/shop_list.js" type="text/javascript" charset="utf-8"></script>
		<script>
			
		</script>
	</body>

</html>